<template>
  <div>
    <Header></Header>
    <router-view></router-view>
    <!-- footer组件在home与search页面显示 -->
    <Footer v-show='$route.meta.show'></Footer>
  </div>
  
</template>

<script>
// 非路由组件注册
import Header from './components/Header'
import Footer from './components/Footer'
export default {
  components: {
    Header,
    Footer
  },
  methods:{},
  mounted() {
    // 挂载完毕，可以向服务器发请求
    // 通知vuex发请求，获取数据，存储于仓库中,这里只加载一次，所以用的时候直接从仓库中取。
    this.$store.dispatch("categoryList");
  },

}

</script>

<style>
#nprogress .bar {
  background: rgb(111, 0, 255) !important
}
ul{
  list-style: none;
}
</style>